﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>无标题文档</title>
	<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
	<!-- 包括所有已编译的插件 -->
	<script type="text/javascript" src="./js/bootstrap.min.js"></script>
	<script type="text/javascript" src="./js/echarts.common.min.js">
   <script src="http://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
	<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
	</script>
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
	<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
	<link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css" />
	<link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
	<script src="https://cdn.bootcss.com/echarts/3.7.0/echarts.common.js"></script>
	<script src="https://cdn.bootcss.com/echarts/3.7.0/echarts.js"></script>
	<style type="text/css">
		.long
		{
			width: 100%;
			height: 600px;
			margin: 0 auto;
			background-color: #062540;
		}
		.head
		{
			width: 100%;
			height: 60px;
			background-color: #011127;
			margin-bottom: 15px;
		}
		.h_left
		{
			width: 50%;
			height: 60px;
			line-height: 60px;
			padding-top: 10px;
			float: left;
			border-right: 1px solid #273548;
			border-bottom: 6px solid #A9CFD6;
			color: #ffffff;
			text-align: center;
		}
		.h_right
		{
			width: 50%;
			height: 60px;
			line-height: 60px;
			padding-top: 10px;
			float: left;
			text-align: center;
			color: #4D9CAB;
		}
		.content
		{
			height: 420px;
			margin-bottom: 35px;
		}
		
		.foot
		{
			width: 204px;
			height: 57px;
			background-color: #D74A04;
			text-align: center;
			line-height: 57px;
			margin: 0 auto;
			border-radius: 5px;
		}
		.foot img
		{
			width: 48px;
			height: 45px;
		}
		a
		{
			color: #ffffff;
			cursor: pointer;
			out-line: none;
			text-decoration: none;
		}
		a:link
		{
			color: #ffffff;
			cursor: pointer;
			out-line: none;
			text-decoration: none;
		}
		/* 未被访问的链接 */
		a:visited
		{
			color: #ffffff;
			cursor: pointer;
			out-line: none;
			text-decoration: none;
		}
		/* 已被访问的链接 */
		a:hover
		{
			color: #ffffff;
			cursor: pointer;
			out-line: none;
			text-decoration: none;
		}
		/* 鼠标指针移动到链接上 */
		a:active
		{
			color: #ffffff;
			cursor: pointer;
			out-line: none;
			text-decoration: none;
		}
		/* 正在被点击的链接 */
		ul
		{
			list-style: none;
			width: 80%;
			margin: 0 auto;
			color: #A0A0A0;
			fontsize: 16px;
		}
		li
		{
			padding-bottom: 10px;
			padding-top: 10px;
			padding-left: 14px;
		}
		.line
		{
			border-bottom: 1px solid #273548;
		}
		.r_right
		{
			float: right;
			color: #ffffff;
			padding-right: 14px;
		}
		.num
		{
			color: #FF6600;
			font-size: 20px;
		}
		.img
		{
			float: right;
			color: #ffffff;
			position: relative;
			top: -10px;
			padding-right: 14px;
		}
		.img img
		{
			position: relative;
			top: -5px;
		}
	</style>
</head>
<body>
	<div class="long">
		<div class="head">
			<div class="h_left">
				<h4>
					饮食结构</h4>
			</div>
			<div class="h_right">
				<h4>
					质检报告</h4>
			</div>
		</div>
		<div class="content">
			<div id="main" style="height: 300px; width: 100%; margin: 0 auto">
			</div>
			<script type="text/javascript">
var myChart = echarts.init(document.getElementById('main'));
var option = {
    
   
    radar: [
        {
            indicator: [
                { text: '螺丝' },
                { text: '颗粒饲料' },
                { text: '小麦' },
                { text: '玉米' },
                { text: '小鱼' }
            ],
           
            radius: 120,
            startAngle: 90,
            splitNumber: 4,
            shape: 'circle',
            name: {
                formatter:'{value}',
                textStyle: {
                    color:'white'
                }
            },
            splitArea: {
                areaStyle: {
                    color: ['rgba(0,0,0,0)',
                    'rgba(0,0,0,0)', 'rgba(0,0,0,0)',
                    'rgba(0,0,0,0)', 'rgba(0,0,0,0)'],
                    shadowColor: 'rgba(0, 0, 0, 0.3)',
                    shadowBlur: 10
                }
            },
            axisLine: {
                lineStyle: {
                    color: 'rgba(255, 255, 255, 0.5)'
                }
            },
            splitLine: {
                lineStyle: {
                    color: 'rgba(255, 255, 255, 0.5)'
                }
            }
        },
      
    ],
    series: [
        {
            name: '雷达图',
            type: 'radar',
            itemStyle: {
                emphasis: {
                    // color: 各异,
                    lineStyle: {
                        width: 4
                    }
                }
            },
            data: [
                {
                    value: [100,80, 0.40,-80, 2000],
                    name: '总产量',
                    symbol: 'rect',
                    symbolSize: 2,
					 areaStyle: {
                        normal: {
                            color: 'rgba(1,126,177, 0.5)',
                            
                        }
                    }
                    
},
                {
                    value: [60, 5, 0.30, -100, 1500],
                    name: '平均值',
                    areaStyle: {
                        normal: {
                            color: 'rgba(255, 255, 255, 0.5)',
                            
                        }
                    }
                }
            ]
        },
      
                    
                
            
        
    ]
}
   myChart.setOption(option);
   window.onresize = myChart.resize;
			</script>
			<ul>
				<li class="line">螃蟹规格<span class="r_right"><b class="num">4.0 </b>两</span></li>
				<li class="line">生长环境<span class="r_right">环固城湖水域</span></li>
				<li>螃蟹分级<span class="img"><img src="css/img/1.png" width="40" height="40" />红标</span></li>
			</ul>
		</div>
		<div class="foot">
			<span><a>点击购买</a></span><img src="css/img/2.png" />
		</div>
	</div>
	<div class="long" style="display: none">
		<div class="head">
			<div class="h_left">
				<h4>
					饮食结构</h4>
			</div>
			<div class="h_right">
				<h4>
					质检报告</h4>
			</div>
		</div>
		<div class="content">
			<div class="table_h">
				<table>
					<tr class="th1">
						<th class="td1">
							检验项目
						</th>
						<th>
							技术要求
						</th>
						<th>
							实测效果
						</th>
						<th>
						</th>
					</tr>
					<tr>
						<td class="td1">
							铅（以Pb计）
						</td>
						<td class="td_mid">
							≤0.5mg/kg
						</td>
						<td class="td_right">
							0.1mg/kg
						</td>
						<td>
							<img src="css/img/3.png">
						</td>
					</tr>
					<tr>
						<td class="td1">
							镉（以Cb计）
						</td>
						<td class="td_mid">
							≤0.5mg/kg
						</td>
						<td class="td_right">
							0.04mg/kg
						</td>
						<td>
							<img src="css/img/3.png">
						</td>
					</tr>
					<tr>
						<td class="td1">
							六六六
						</td>
						<td class="td_mid">
							≤0.5mg/kg
						</td>
						<td class="td_right">
							未测出
						</td>
						<td>
							<img src="css/img/3.png">
						</td>
					</tr>
					<tr>
						<td class="td1">
							滴滴滴
						</td>
						<td class="td_mid">
							≤0.5mg/kg
						</td>
						<td class="td_right">
							未测出
						</td>
						<td>
							<img src="css/img/3.png">
						</td>
					</tr>
					<tr>
						<td class="td1">
							氯霉素
						</td>
						<td class="td_mid">
							不得检出
						</td>
						<td class="td_right">
							未测出
						</td>
						<td>
							<img src="css/img/3.png">
						</td>
					</tr>
					<tr>
						<td class="td1">
							孔雀石绿机器代谢物
						</td>
						<td class="td_mid">
							不得检出
						</td>
						<td class="td_right">
							未测出
						</td>
						<td>
							<img src="css/img/3.png">
						</td>
					</tr>
					<tr>
						<td class="td1">
							AOZ
						</td>
						<td class="td_mid">
							不得检出
						</td>
						<td class="td_right">
							未测出
						</td>
						<td>
							<img src="css/img/3.png">
						</td>
					</tr>
					<tr>
						<td class="td1">
							AMOZ
						</td>
						<td class="td_mid">
							不得检出
						</td>
						<td class="td_right">
							未测出
						</td>
						<td>
							<img src="css/img/3.png">
						</td>
					</tr>
				</table>
			</div>
		</div>
		<div class="foot">
			<span><a>点击购买</a></span><img src="css/img/2.png" /></div>
	</div>
</body>
</html>
<script>
	$(function () {
		$(".h_right").click(
function () {
	window.location.href = "file:///E:/%E5%8F%82%E5%B1%95%E5%A4%A7%E5%B1%8F%E5%B9%95/%E5%8F%82%E5%B1%95%E5%A4%A7%E5%B1%8F%E5%B9%95/report.html"
}
)
		$(".h_left").click(function () {
			window.location.href = "file:///E:/%E5%8F%82%E5%B1%95%E5%A4%A7%E5%B1%8F%E5%B9%95/%E5%8F%82%E5%B1%95%E5%A4%A7%E5%B1%8F%E5%B9%95/pangxie.html"
		})
	})


</script>
